const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  //直接关闭eslint检查(值可以是布尔值,也可以是waring,官方推荐warning)
  lintOnSave: false,

  //配置自动打开浏览器方法1:在devServer的配置中配置
  devServer: {
    // 自动打开浏览器
    // open: true,
    // host地址
    host: "localhost",
    // 默认端口号是8080,可以修改端口号
    port: '8008',

    // 解决跨域 代理服务器 第一种配置代理的方式:简单方式:proxy的属性就是目标地址
    // proxy: "http://gmall-h5-api.atguigu.cn/",
    proxy: {
      "/api1": {
        target: "http://gmall-h5-api.atguigu.cn/",
        changeOrigin: true,
        pathRewrite: {
          "^/api1": "",
        },
      },
    },
  },

  // 配置路径别名  直接合并到webpack里面
  configureWebpack: {
    resolve: {
      alias: {
        "@assets": "@/assets",
        "@comp": "@/components",
        "@pages": "@/pages",
      },
    },
  },
});
